<?php
if ( !defined('IN_SEC') ){exit();}
?>
<?php include template("admin_header");?>
				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>
<?php include template("admin_breadcrumb");?>
					</div>

					<div class="page-content">
						<div class="page-header">
							<h1><?php echo $_G['admincp']['actname']; ?><small><i class="icon-double-angle-right"></i><?php echo $_G['admincp']['optname']; ?></small></h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<div class="row">
									<div class="col-sm-12">
										<div class="widget-box">
											<div class="widget-header header-color-blue2">
												<h4 class="lighter smaller"><strong><span style=" color:#000;">黑</span><span class="red">晶</span></strong></h4>
											</div>
											<div class="widget-body">
												<div class="widget-main padding-8">
													<div id="tree1" class="tree"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<script type="text/javascript">
									var $assets = "assets";//this will be used in fuelux.tree-sampledata.js
								</script>

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
<?php include template("admin_footer");?>
		<!-- page specific plugin scripts -->

		<script src="/static/ace/assets/js/fuelux/data/fuelux.tree-sampledata.js"></script>
		<script src="/static/ace/assets/js/fuelux/fuelux.tree.min.js"></script>

		<!-- inline scripts related to this page -->

		<script type="text/javascript">
			var tree_datas = <?php echo json_encode($datas); ?>;
			var treeDataSource = new DataSourceTree({data: tree_datas});
			$(function($){
				$('#tree1').ace_tree({
					dataSource : treeDataSource ,
					multiSelect : true,
					loadingHTML : '<div class="tree-loading"><i class="icon-refresh icon-spin blue"></i></div>',
					'open-icon' : 'icon-folder-open',
					'close-icon' : 'icon-folder-close',
					'selectable' : true,
					'selected-icon' : 'icon-ok',
					'unselected-icon' : 'icon-remove'
				});
				$('#tree1').on('loaded', function (evt, data) {
					console.log('tree content loaded');
				});
		
				$('#tree1').on('opened', function (evt, data) {
					console.log('sub-folder opened: ', data);
				});
		
				$('#tree1').on('closed', function (evt, data) {
					console.log('sub-folder closed: ', data);
				});
		
				$('#tree1').on('selected', function (evt, data) {
					console.log('item selected: ', data);
				});
			});
		</script>
</body>
</html>